<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />	
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style type="text/css">
* {
	text-shadow:none !important;
	font-style:normal !important; 
	font-weight: 300 !important;

} 
.ui-input-text input, .ui-input-search input, textarea.ui-input-text{
	padding-bottom: 4px;
	padding-top: 2px;
	padding-left: 20px;
	padding-right: 0.4em;
	min-height: auto;
	line-height:normal;
}
html{color:#000;background:#FFF;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 
fieldset,input,textarea,p,blockquote,th,td { 
margin:0; 
padding:0;
} 
table { 
border-collapse:collapse; 
border-spacing:0; 
} 
fieldset,img { 
border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
font-style:normal; 
font-weight:normal; 
} 
ol,ul { 
list-style:none; 
} 
caption,th { 
text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight:normal; 
} 
q:before,q:after { 
content:''; 
} 
abbr,acronym { border:0; 
}
</style>
</head>
<body>
<div data-role="page" id="pageOne" style="background:url(/wcsi/img/app/loginBG1.png) 50% 0 no-repeat;background-size:cover; min-height: 500px;"><!-- style='background:url(/wcsi/img/loginimg.jpg) 50% 0 no-repeat;background-size:cover' -->
	<div data-role="main">
<!-- 	<div id="bg" style="background:url(/wcsi/img/loginBG.jpg) center center no-repeat; background-size: 100% 100%;position: absolute; top:0; margin:0; padding:0; width:100%;height:100%; -webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); ">
    </div> -->
  <!--   <div style="position: absolute; top:0; margin:0; padding:0; width:100%;height:10em; background:url(/wcsi/img/square.png) center center no-repeat; background-size: 100% 10em;">
    </div> -->
    <input type="hidden" id="identify" th:value="${identify}"></input>
    <input type="hidden" id="url" th:value="${url}"></input>
    <div style="text-align:center; position: absolute;top 0; margin:0; padding:0; width: 100%;">
    
    <!-- <div style="padding: 10px 20px;">
            <h3>请登录</h3>
            <input type="text" name="user" id="user" value="" placeholder="用户名" data-theme="a"/>
            <input type="password" name="pwd" id="pwd" value="" placeholder="密码" data-theme="a"/>
            <label id="error" style="color: red"></label>
            <button type="submit" id="subtnForUser" data-theme="b">登录</button>
            <button type="submit" id="subtnForVisitors" data-theme="c">游客</button>
            </div> -->
        <!-- <table width="50%" data-role="table" data-mode="columntoggle:none"
				class="ui-corner-all ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e"
				data-column-popup-theme="c" id="myTable" style='background:url(/wcsi/img/loginimg.jpg) 50% 0 no-repeat;background-size:cover'>
				<thead class="pearlHeading">
					<tr>
						<th width="30%"><h3>请登录</h3></th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>用户名:</td>
						<td>
						<input type="text" name="user" id="user" value="" placeholder="用户名" data-theme="a" data-clear-btn="true"/>
						</td>
					</tr>
					<tr>
						<td>密码:</td>
						<td>
						<input type="password" name="pwd" id="pwd" value="" placeholder="密码" data-theme="a" data-clear-btn="true"/>
						</td>
					</tr>
					<tr>
						<td></td>
						<td><label id="error" style="color: red"></label></td>
					</tr>
					<tr>
						<td colspan="2">
						<div data-role="content">  
            <a href="javascript: ;" id="subtnForUser" data-ajax='false' data-transition="slide" data-direction="reverse" data-role="button" data-theme="e" data-icon="home" data-inline="true">登录</a>  
            <a data-role="button" id="subtnForVisitors" data-theme="b" data-icon="action" data-inline="true">游客</a>  
            </div>
						</td>
					</tr>
				</tbody>
			</table> -->
			
        <!-- <div data-role="popup" data-transition="fade" data-dismissible="false" id="popupLoginSelect" data-theme="a" class="ui-corner-all" style='background:url(/wcsi/img/loginimg.jpg) 50% 0 no-repeat;background-size:cover'>
            <div style="padding: 10px 20px;">
            <h3>请 登 录</h3>
            <input type="text" name="user" id="user" value="" placeholder="用户名" data-theme="a" data-clear-btn="true"/>
            <input type="password" name="pwd" id="pwd" value="" placeholder="密码" data-theme="a" data-clear-btn="true"/>
            <label id="error" style="color: red"></label>
            <div data-role="content">  
            <a href="javascript: ;" id="subtnForUser" data-ajax='false' data-transition="slide" data-direction="reverse" data-role="button" data-theme="e" data-icon="home" data-inline="true">登录</a>  
            <a data-role="button" id="subtnForVisitors" data-theme="b" data-icon="action" data-inline="true">游客</a>  
            </div>
            <a href='javascript:void(0)' data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
            </div>
        </div> -->
<!--         <div data-role="popup" data-transition="fade" id="popupLoginSelect" data-theme="a" class="ui-corner-all">
            <div style="padding: 10px 20px;">
            <h3>请 登 录</h3>
            <input type="text" name="user" id="user" value="" placeholder="用户名" data-theme="a" data-clear-btn="true"/>
            <input type="password" name="pwd" id="pwd" value="" placeholder="密码" data-theme="a" data-clear-btn="true"/>
            <label id="error" style="color: red"></label>
            <div data-role="content" style="white-space:nowrap;">
            <a data-role="button" id="subtnForVisitors" style="background-color:#F5F5F5;border-style:1px #55B937 solid;" data-inline="true">游客</a> 
            <button type="button" id="subtnForUser" data-inline="true" style="background-color:#55B937; border: 1px #55B937 solid; color: #FFFFFF;width: 45%;">登陆</button>
            <button type="button" id="subtnForRegister" data-inline="true" style="background-color:#F5F5F5; border: 1px #55B937 solid; color: #55B937;width: 45%;">注册</button>
            <a href="javascript: ;" id="subtnForUser" data-ajax='false' data-transition="slide" data-direction="reverse" data-role="button" data-theme="e" data-icon="home" data-inline="true">登录</a>  
            </div>
            <a href='javascript:void(0)' data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
            </div>
        </div> -->
        	   <!--<div style="height:86px;margin-top: 113px; width:100%; background:url(/wcsi/img/app/loginTitle.png) no-repeat center top; background-size: 126px 86px; margin-bottom: 34px;"></div>-->
        	   <div style="height:86px;margin-top: 113px; width:100%;background-size: 126px 86px; margin-bottom: 34px;"></div>
           <div style="width: 90%; padding-left: 5%;padding-right: 5%;">
            <!-- <h2 style="padding-bottom: 10%;color: #FFFFFF; font-weight: 300;">白&nbsp;云&nbsp;城&nbsp;管</h2> -->
            <input type="text" name="user" id="user" value="" placeholder="用户名" data-theme="a" data-clear-btn="true" style="color: #999999 !important;"/>
            <input type="password" name="pwd" id="pwd" value="" placeholder="密码" data-theme="a" data-clear-btn="true" style="color: #999999 !important;"/>
            <label id="error" style="color: red"></label>
            <div style="padding-top: 20px;">
            <button type="button" id="subtnForUser" style="background-color:#F8643F; border: none ;border-radius: 5px; width: 100%; margin: 10px 0;padding: 5px 0;"><span style="width: 100%; font-size: 16px; color: #FFFFFF; opacity: 0.8;">登&nbsp;&nbsp;&nbsp;&nbsp;录</span></button>
            <button type="button" id="subtnForRegister" style="background-color:transparent; border: none ; width: 100%; margin: 10px 0;padding: 5px 0;"><span style="width: 100%; font-size: 16px; color: #FFFFFF; opacity: 0.8;">注&nbsp;&nbsp;&nbsp;&nbsp;册</span></button>
            </div>
<!--             <a href='javascript:void(0)' data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>-->
           </div>
        
        <!-- <div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
            <div style="padding: 10px 20px;">
            <h3>Please sign in</h3>
            <input type="text" name="user" value="" placeholder="Username" data-theme="a"/>
            <input type="password" name="pwd" value="" placeholder="Password" data-theme="a"/>
            <button type="submit" data-theme="b">Sign i9999n</button>
            </div>
        </div> -->
        
        <div data-role="popup" id="popupWait" data-theme="a" class="ui-corner-all">
        <div style="padding: 10px 20px;">
        <div id="loadingImage">
        <img th:src="@{/img/loading.gif}" />
    		</div>
        </div>
        </div>
    </div>
     <div id="foot" style="text-align:center; margin:0;  padding:0; width: 100%;  position: absolute;">
		<span style="font-family: Arial-Black;font-size: 13px;color: #F8643F;">Q-TOUCH</span>
		<p style="opacity: 0.8;font-size: 10px;color: #FFFFFF;">城市高质量发展驱动引擎</p>
		<p style="opacity: 0.8;font-size: 15px;color: #FFFFFF; padding-bottom: 20px;">@中冶赛迪信息</p>
    </div>
     </div>
    </div>
<script th:src="@{/login/mobilelogin.js}"></script>
<script th:src="@{/plugins/sha256.js}"></script>
<script th:src="@{/mobile/common.js}"></script>
<script th:inline="javascript">
	window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
</script>
</body>
</html>